﻿<%@ Page Title="" Language="C#" MasterPageFile="~/controlasistencia/Plantilla.Master" AutoEventWireup="true" CodeBehind="ReporteMensual.aspx.cs" Inherits="Presentacion.controlasistencia.ReporteMensual" %>

<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=11.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" type="text/css" href="css/loaders.css" />
      <script type="text/javascript" src="js/validaciones.js">    
    </script>
    <script>    
        $(document).ready(function(){
            $(document).on("click", ".loading", function () {
                $("#loader").modal('show');
            })
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="contenido" runat="server">
    <form id="frmReporte" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <div class="row">
            <div class="col-lg-12">
                <div class="page-title">
                    <h2>Reportes
                        <small>
                            <asp:Label ID="lblCarrera" runat="server" Text=""></asp:Label></small>
                    </h2>
                    <ol class="breadcrumb">
                        <li><i class="fa"></i><a href="index.aspx" class="tamano-breadcrumbs">Inicio</a>
                        </li>
                        <li><i class="fa"></i><a href="listaDistribucion.aspx" class="tamano-breadcrumbs">Materias</a>
                        </li>
                        <li class="active tamano-breadcrumbs">Reportes</li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>

        <div class="row">

            <div class="col-lg-12">

                <div class="portlet portlet-green">
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h4>Reporte </h4>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="portlet-body">
                        <div class="col-lg-12">
                            <div class="col-lg-4">
                                <asp:DropDownList ID="ddlPeriodo" runat="server" ClientIDMode="Static" CssClass="form-control" onchange="traerMeses();"></asp:DropDownList>
                            </div>
                            <div class="col-lg-4">
                                <select class="form-control" id="ddlReporteMeses" name="ddlReporteMeses">
                                     </select>
                            </div>
                            <div class="col-lg-2">
                                <asp:Button ID="btnReporteMensual" CssClass="btn btn-blue loading" runat="server" Text="Reporte Mensual" OnClick="btnReporteMensual_Click" />
                            </div>
                            <div class="col-lg-2">
                                <asp:Button ID="btnReporteGeneral" CssClass="btn btn-default loading" runat="server" Text="Reporte General" OnClick="btnReporteGeneral_Click" />
                            </div>
                        </div>
                        <div class="table-responsive col-sm-12 col-lg-12">
                            <div class="col-lg-2">   

                            </div>
                            <rsweb:ReportViewer ID="ReportViewer1" runat="server" Font-Names="Verdana" Font-Size="8pt" WaitMessageFont-Names="Verdana" WaitMessageFont-Size="14pt" Width="100%" AsyncRendering="False" CssClass="table-responsive" Visible="False" SizeToReportContent="true">
                                <LocalReport ReportEmbeddedResource="Presentacion.controlasistencia.reports.reporteMensual.rdlc" ReportPath="../Presentacion/controlasistencia/reports/reporteMensual.rdlc">
                                    <DataSources>
                                        <rsweb:ReportDataSource DataSourceId="ObjectDataSource1" Name="dtsAsistenciaMensual" />
                                        <rsweb:ReportDataSource DataSourceId="ObjectDataSource3" Name="dtsHorarioDistribucion" />
                                    </DataSources>
                                </LocalReport>
                            </rsweb:ReportViewer>
                            
                            <asp:ObjectDataSource ID="ObjectDataSource2" runat="server" SelectMethod="obtenerHorario" TypeName="Negocio.catalogos.catalogoReporte, Negocio, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null">
                                <SelectParameters>
                                    <asp:Parameter DefaultValue="" Name="idPeriodoActual" Type="Int32"></asp:Parameter>
                                    <asp:Parameter DefaultValue="" Name="codigoDistribucion" Type="Int32"></asp:Parameter>
                                </SelectParameters>
                            </asp:ObjectDataSource>
                            <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="obternerAsistenciaMensual" TypeName="Negocio.catalogos.catalogoReporte, Negocio, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null">
                                <SelectParameters>
                                    <asp:Parameter DefaultValue="" Name="idPeriodoActual" Type="Int32"></asp:Parameter>
                                    <asp:Parameter DefaultValue="" Name="codigoDistribucion" Type="Int32"></asp:Parameter>
                                    <asp:Parameter DefaultValue="" Name="mes" Type="Int32"></asp:Parameter>
                                </SelectParameters>
                            </asp:ObjectDataSource>
                            
                        </div>

                        <div class="clearfix"></div>
                    </div>
                </div>
                <!-- /.portlet -->

            </div>
        </div>

         <!-- Flex Modal -->
    <div class="modal modal-flex fade" id="condiciones" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="flexModalLabel">Acepto condiciones</h4>
                </div>
                <div class="modal-body">
                    <h4>Importante! <small>Lea la siguiente información.</small></h4>
                    <p>
                        Docentes de la institución, al imprimir información mostrada en estos reportes, acepta que los datos fueron verificados previamente,
                        y que puede ser usada por los coordinadores, para uso institucional.
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
       
    </div>
    <!-- /.modal -->
        <div class="modal fade" id="loader" tabindex="-1" role="dialog" aria-labelledby="flexModalLabel" aria-hidden="true">
            <div style="height: 50%;"></div>
            <div class="col-lg-12">
                <div class="col-lg-5">
                </div>
                <div class="col-lg-2" style="left: 5%;">
                    <div class="loader" style="width: inherit; height: inherit;">
                        <div class="loader-inner ball-spin-fade-loader">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                </div>
            </div>
        </div>
    </form>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="script" runat="server">
    <script>
        function showModal() {
            $("#condiciones").modal("show");
        }
        window.onload = showModal();

        function traerMeses() {
            var idPeriodo = 0;
            idPeriodo = $("#ddlPeriodo").val();
            var conexion;
            if (window.XMLHttpRequest) {
                conexion = new XMLHttpRequest;
            }
            else {
                conexion = new ActiveXObject("Microsoft.XMLHTTP");
            }
            conexion.onreadystatechange = function () {
                if (conexion.readyState == 4 && conexion.status == 200) {
                    $("#ddlReporteMeses").empty();
                    $("#ddlReporteMeses").append("<option value='0'>Seleccione el mes</option>");
                        
                    var datos = conexion.responseText.split("↵");
                   

                    $("#ddlReporteMeses").append(datos[0]);
                }
            }
            conexion.open("GET", "mesesAnios.aspx?id=" + idPeriodo, true);
            conexion.send();
        }
    </script>
</asp:Content>
